<template>
	<view>
		<uni-popup ref="popup_expore" :type="popup_position" :is-mask-click="isMaskClick"
			:mask-background-color="maskBackgroundColor">
			<view class="popup_expore_center" v-if="popup_position == 'center'">
				<view class="popup_expore">
					<view class="popup_expore_content">
						<text>导出成功，保存地址为：<br />
							/storage/emulated/0/Download/export/
						</text>
					</view>
					<view class="btn">
						<uni-row>
							<uni-col :span="24">
								<view class="popup_btn popup_btn_disable" @click="popupClose">确定</view>
							</uni-col>
						</uni-row>
					</view>
				</view>
			</view>

			<view class="popup_expore_bottom" v-if="popup_position == 'bottom'">
				<view class="popup_expore_bottomCon">
					<view class="popup_expore">
						<view class="popup_expore_content">
							<text>导出成功，保存地址为：<br />
								/storage/emulated/0/Download/export/
							</text>
						</view>
						<view class="btn">
							<uni-row>
								<uni-col :span="24">
									<view class="popup_btn popup_btn_disable" @click="popupClose">确定</view>
								</uni-col>
							</uni-row>
						</view>
					</view>

				</view>
			</view>


		</uni-popup>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				isMaskClick: false,
				maskBackgroundColor: "rgba(0,0,0,0.3)",
			}
		},
		props: {
			popup_position: {
				type: String,
				default: "center"
			}
		},
		methods: {
			popupOpen(data) {
				this.$refs.popup_expore.open()
			},
			popupClose() {
				this.$refs.popup_expore.close()
			},
			// 确认返回
			cancel() {
				this.$refs.popup_expore.close()
			},



		}
	}
</script>

<style lang="scss" scoped>
	.popup_expore {
		width: 567rpx;
		height: 270rpx;
		padding-top: 225rpx;
		background: url(../../static/images/loginBg.png) center center no-repeat;
		background-size: 100% 100%;

		.popup_expore_content {
			width: 398rpx;
			font-size: 28rpx;

			font-weight: 600;
			color: #1073F9;
			line-height: 48rpx;
			margin: 0 auto 24rpx;
			text-align: center;
			word-break: break-all;


		}

		.btn {
			padding: 0 32rpx;

			.popup_btn {
				width: 220rpx;
				height: 72rpx;
				background: #ffffff;
				border-radius: 10rpx;
				margin: 0 auto;
				color: #1073F9;
				font-size: 28rpx;
				font-weight: 600;
				text-align: center;
				line-height: 72rpx;
				border: 2rpx solid #1073F9;

			}

			.popup_btn_disable {
				background: linear-gradient(0deg, #1073F9, #3A8CFA);
				color: #FFFFFF;

			}
		}

	}

	.popup_expore_bottom {
		height: 520rpx;

		.popup_expore_bottomCon {
			width: 567rpx;
			height: 520rpx;
			margin: 0 auto;

		}
	}
</style>